

#xgplayerContainer--3F6nC ::v-deep .xgplayer-enter--2b6t1 .xgplayer-enter-logo--1S0jw {
	background: url() no-repeat 50%/cover
}

#mxgplayerContainer--1SNkL ::v-deep .xgplayer-enter--2b6t1 .xgplayer-enter-tips--2H_-D {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 1px;
	margin: 32px auto auto -62px;
	background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(red), color-stop(#0026ff), color-stop(red), to(#000));
	background: -webkit-linear-gradient(left, #000, red, #0026ff, red, #000);
	background: -moz-linear-gradient(left, #000, red, #0026ff, red, #000);
	background: linear-gradient(90deg, #000, red, #0026ff, red, #000)
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

a {
	background-color: transparent
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

body {
	--color-primary: #ff0050;
	--color-secondary: #00faf0;
	--color-text-0: #111;
	--color-text-1: #383e46;
	--color-text-2: #777e87;
	--color-text-3: #afb6be;
	--color-text-4: #cbced4;
	--color-bg-0: #fff;
	--color-border: #efeff2;
	--border-radius: 20px;
	--min-width: 960px;
	background-color: var(--color-bg-0)
}

html {
	width: 100%;
	height: 100%
}

body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}






body {
	font-size: 16px;
	color: #000;
	width: 100%;
	height: 100%;
	background:#212121;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	font-family: Gilroy-regular, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.container--3p09R {
	padding-top: 60px;
	overflow-x: hidden;
	width: 960px;
	margin: auto;
	height: auto;
	min-height: -moz-calc(100vh - 182px);
	min-height: calc(100vh - 182px);
	padding-bottom: 185px
}

.container--3p09R .crumb--1kyPd {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-text-2);
	margin-top: 20px;
	margin-bottom: 40px
}

.container--3p09R .title--29Jni {
	font-weight: bold;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: .02em;
	color: var(--color-bg-0)
}

.container--3p09R .date--1R4eB {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .04em;
	color: var(--color-text-4);
	font-weight: normal;
	margin-bottom: 30px
}

.footer--2WLdJ {
	width: 100%;
	min-width: 960px;
	height: 190px;
	background: #000;
	position: relative
}


.post-detail{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.post-detail .post{padding:0 0 24px;}
.post-detail .post .post-feature-image{width:100%;height:auto;margin-bottom:24px;border-radius:2px;}
.post-detail .post .post-title{font-size:28px;text-align:center;padding:24px 0;font-weight:900;letter-spacing:0.02em;}
.post-detail .post .post-info{text-align:center;font-size:12px;padding-bottom:24px;}
.post-detail .post .post-info > span{color:#5E5E5E;}
.post-detail .post .post-info > span:not(:first-child):before{content:"/ ";font-size:10px;color:rgba(0,0,0,0.1);margin:0 4px;}
.post-detail .post .post-info .post-tag{padding:8px 8px;padding-right:0;}
.post-detail .post .post-content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;}
.post-detail .post .post-content{width:100%;-ms-flex-negative:0;flex-shrink:0;font-size:18px;}
.post-detail .post .post-content a{color:#fff;word-wrap:break-word;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.26);}
.post-detail .post .post-content a:hover{color:#0061e6;border-bottom:1px solid #0061e6;}
.post-detail .post .post-content img{display:block;max-width:100%;margin:0.2em auto;height:auto;}
.post-detail .post .post-content figure{position:relative;clear:both;outline:0;margin:10px 0;padding:0;min-height:100px;}
.post-detail .post .post-content figure.pswp-item{cursor:pointer;}
@media screen and (max-width:767.5px){.post-detail .post .post-content > figure{width:calc(100% + 48px);margin-left:-24px;}
}
.post-detail .post .post-content figure img{display:block;max-width:100%;margin:auto auto 4px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.post-detail .post .post-content figure figcaption{position:relative;width:100%;text-align:center;left:0;margin-top:10px;font-weight:400;font-size:14px;opacity:0.6;}
.post-detail .post .post-content div.photos{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.post-detail .post .post-content div.photos figure{margin:2.5px;-webkit-box-flex:1;-ms-flex:1;flex:1;}
@media screen and (max-width:767px){.post-detail .post .post-content div.photos figure figcaption{display:none;}
}
.post-detail .post .post-content div.photos figure:first-child{margin-left:0;}
.post-detail .post .post-content div.photos figure:last-child{margin-right:0;}
.post-detail .post .post-content div.photos figure img{margin:0;}
.post-detail .post .post-content div.photos figure figcaption{position:absolute;left:0;right:0;bottom:0;width:auto;margin:0;padding:60px 0 10px;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(26%,rgba(0,0,0,0.03)),color-stop(71%,rgba(0,0,0,0.4)),to(rgba(0,0,0,0.5)));background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.03) 26%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,0.5));opacity:0.6;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.post-detail .post .post-content div.photos figure:hover figcaption{opacity:1;}
@media screen and (max-width:767.5px){.post-detail .post .post-content div.photos{width:calc(100% + 48px);margin-left:-24px;}
}
.post-detail .post .post-content div.photos + *:not(.photos){margin-top:1.12em;}
.post-detail .post .post-content div.photoset + *:not(.photos){margin-top:1.12em;}
.post-detail .post .post-content p{text-align:justify;line-height:1.76;margin-bottom:1.12em;letter-spacing:0.05em;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.post-detail .post .post-content p code,.post-detail .post .post-content li code{font-family:'Source Code Pro',Consolas,Menlo,Monaco,'Courier New',monospace;line-height:initial;word-wrap:break-word;border-radius:0;background-color:#fff5f5;color:#c53030;padding:0.2em 0.33333333em;margin-left:0.125em;margin-right:0.125em;}
.post-detail .post .post-content .iframe-wrapper{margin-bottom:1.12em;}
.post-detail .post .post-content .iframe-wrapper-inner{width:100%;height:0;position:relative;background:rgba(0,0,0,0.02);}
.post-detail .post .post-content .iframe-wrapper-inner iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.post-detail .post .post-content pre{margin:1.64em 0;padding:10px;border:none;overflow:auto;-webkit-overflow-scrolling:touch;line-height:1.4;font-size:1em;font-family:'Source Code Pro',Consolas,Menlo,Monaco,'Courier New',monospace;padding:10px;background:#111!important}
.post-detail .post .post-content code{}
.post-detail .post .post-content img{padding:15px;background:#f8f8f8;cursor: pointer}
.post-detail .post .post-content blockquote{color:#9a9a9a;position:relative;font-size:0.96em;padding:12px;border-left:10px solid #4caf50;background:#fff;}
.post-detail .post .post-content table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto;}
.post-detail .post .post-content tr{border-top:1px solid #dfe2e5;}
.post-detail .post .post-content td,.post-detail .post .post-content th{border:1px solid #dfe2e5;padding:0.6em 1em;}
.post-detail .post .post-content ul,.post-detail .post .post-content ol{padding-left:35px;line-height:1.725;margin-bottom:16px;}
.post-detail .post .post-content ul{list-style-type:square;}
.post-detail .post .post-content h1,.post-detail .post .post-content h2,.post-detail .post .post-content h3,.post-detail .post .post-content h4,.post-detail .post .post-content h5,.post-detail .post .post-content h6{margin:16px 0;font-weight:700;padding:8px 0;}
.post-detail .post .post-content h1{font-size:1.65em;background: #111;padding:10px;margin-bottom:1em;font-weight: 700;border-radius: 4px;color: #000;}
.post-detail .post .post-content h2{font-size:1.32em;font-weight: 700;background: #111;padding:10px;border-radius: 4px;}
.post-detail .post .post-content h3{font-size:1.125em;font-weight: 700;padding:10px;background: #111;border-radius: 4px;}
.post-detail .post .post-content h4{font-size:0.925em;font-weight: 700;}
.post-detail .post .post-content h5{font-size:0.925em;font-weight: 600;}
.post-detail .post .post-content h6{font-size:0.925em;font-weight:400;}
.post-detail .post .post-content hr{display:block;border:0;margin:2.24em auto;}
.post-detail .post .post-content hr:before{color:rgba(0,0,0,0.2);font-size:1.1em;display:block;content:"* * *";text-align:center;}
.post-detail .post .post-content mark{background:#faf089;color:#744210;padding:0.2em;}
.post-detail .post .post-content .footnotes{margin-left:auto;margin-right:auto;max-width:760px;}
.post-detail .post .post-content .footnotes:before{content:"";display:block;border-top:4px solid rgba(0,0,0,0.1);width:50%;max-width:100px;margin:40px 0 20px;}

.post-detail .post .post-content h1:before{content:"📚";display:inline-block;padding-right:5px;}
.post-detail .post .post-content h2:before{content:"🍊";display:inline-block;padding-right:5px;}
.post-detail .post .post-content h3:before{content:"📝";display:inline-block;padding-right:5px;}
.post-detail .post .post-content h4:before{content:"📦";display:inline-block;padding-right:5px;}
.post-detail .post .post-content h5:before{content:"🍐";display:inline-block;padding-right:5px;}
.post-detail .post .post-content h6:before{content:"🐞";display:inline-block;padding-right:5px;}
